<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/bt/css/bootstrap.min.css"/>
		<script src="./js/jquery-1.12.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./css/bt/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			@media only screen and (max-width: 768px) {
				.right{
					display: none;
				}
			}
		</style>
	</head>
	<body>
		<!--头部导航条开始-->
		<header>
			<nav class="navbar navbar-inverse">
			  <div class="container">
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#">Project name</a>
			    </div>
			    <div id="navbar" class="collapse navbar-collapse">
			      <ul class="nav navbar-nav">
			        <li class="active"><a href="#">Home</a></li>
			        <li><a href="#about">About</a></li>
			        <li><a href="#contact">Contact</a></li>
			      </ul>
			    </div><!--/.nav-collapse -->
			  </div>
			</nav>
		</header>
		<!--头部导航条结束-->
		
		<!--中间内容部分开始-->
		<main>
			<div class="container">
				<div class="row">
					<div class="left col-md-9">
						<div class="jumbotron">
						    <h1>Hello, world!</h1>
						    <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
						    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
						</div>
						<div class="row">
						  <div class="col-xs-6 col-sm-4">
						    <div class="thumbnail">
						      <div class="caption">
						        <h3>Heading</h3>
						        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
						        <p> <a href="#" class="btn btn-default" role="button">View details >></a></p>
						      </div>
						    </div>
						  </div>
						  <div class="col-xs-6 col-md-4">
						    <div class="thumbnail">
						      <div class="caption">
						        <h3>Heading</h3>
						        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
						        <p> <a href="#" class="btn btn-default" role="button">View details >></a></p>
						      </div>
						    </div>
						  </div>
						  <div class="col-xs-6 col-md-4">
						    <div class="thumbnail">
						      <div class="caption">
						        <h3>Heading</h3>
						        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
						        <p> <a href="#" class="btn btn-default" role="button">View details >></a></p>
						      </div>
						    </div>
						  </div>
						  <div class="col-xs-6 col-md-4">
						    <div class="thumbnail">
						      <div class="caption">
						        <h3>Heading</h3>
						        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
						        <p> <a href="#" class="btn btn-default" role="button">View details >></a></p>
						      </div>
						    </div>
						  </div>
						  <div class="col-xs-6 col-md-4">
						    <div class="thumbnail">
						      <div class="caption">
						        <h3>Heading</h3>
						        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
						        <p> <a href="#" class="btn btn-default" role="button">View details >></a></p>
						      </div>
						    </div>
						  </div>
						  <div class="col-xs-6 col-md-4">
						    <div class="thumbnail">
						      <div class="caption">
						        <h3>Heading</h3>
						        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
						        <p> <a href="#" class="btn btn-default" role="button">View details >></a></p>
						      </div>
						    </div>
						  </div>
						</div>
					</div>
					<div class="right col-md-3">
						<div class="list-group">
							<a href="#" class="list-group-item active">
								Cras justo odio
							</a>
							<a href="#" class="list-group-item">Dapibus ac facilisis in</a>
							<a href="#" class="list-group-item">Morbi leo risus</a>
							<a href="#" class="list-group-item">Porta ac consectetur ac</a>
							<a href="#" class="list-group-item">Vestibulum at eros</a>
							<a href="#" class="list-group-item">Vestibulum at eros</a>
							<a href="#" class="list-group-item">Vestibulum at eros</a>
							<a href="#" class="list-group-item">Vestibulum at eros</a>
						</div>
					</div>
				</div>
			</div>
		</main>
		
		
		<footer>
			<nav class="navbar navbar-inverse"style="background: white;border: none;">
			<div class="container">
			    <div class="navbar-header">
			      	<a class="navbar-brand" href="#"style="font-size: 12px;color: #666;">© Company 2014</a>
			    </div>
			</div>
			</nav>
		</footer>
	</body>
</html>
